<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<script>
    /**
     * 箭头函数是一种声明函数的简洁语法，它与普通函数并无本质的区别
     */
    function fn() {
        console.log(123)
    }
    fn();
    const fnn = () => {
        console.log(1234)
    }
    fnn();
    /**
     * 简写：如果只有一个形参， 可以省略小括号
     */
    const fn1 = x => {
        console.log(x)
    }
    fn1(1);
    /**
     * 简写：只有一行代码， 可以省略大括号
     */
    const fn2 = x => console.log(x);
    fn2(2);
    /**
     * 简写：只有一行代码， 可以省略return
     */
    const fn3 = x => x + x
    console.log(fn3(3))
    /**
     * 简写：箭头函数可以直接返回一个对象
     */
    const fn4 = uname => ({ uname: uname });
    console.log(fn4('张三'))

</script>
</body>
</html>